import IconWrapper from './Wrapper';

const RawIcon = (
  <svg viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M3.9 0.55C4.14853 0.218629 4.61863 0.151472 4.95 0.4C5.28137 0.648528 5.34853 1.11863 5.1 1.45L3.9 0.55ZM1.5 5L0.9 5.45C0.7 5.18333 0.7 4.81667 0.9 4.55L1.5 5ZM5.1 8.55C5.34853 8.88137 5.28137 9.35147 4.95 9.6C4.61863 9.84853 4.14853 9.78137 3.9 9.45L5.1 8.55ZM5.1 1.45L2.1 5.45L0.9 4.55L3.9 0.55L5.1 1.45ZM2.1 4.55L5.1 8.55L3.9 9.45L0.9 5.45L2.1 4.55Z"
      fill="currentColor"
    />
  </svg>
);

const BoxedIcon = (
  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M10.9 5.55C11.1485 5.21863 11.6186 5.15147 11.95 5.4C12.2814 5.64853 12.3485 6.11863 12.1 6.45L10.9 5.55ZM8.5 10L7.9 10.45C7.7 10.1833 7.7 9.81667 7.9 9.55L8.5 10ZM12.1 13.55C12.3485 13.8814 12.2814 14.3515 11.95 14.6C11.6186 14.8485 11.1485 14.7814 10.9 14.45L12.1 13.55ZM12.1 6.45L9.1 10.45L7.9 9.55L10.9 5.55L12.1 6.45ZM9.1 9.55L12.1 13.55L10.9 14.45L7.9 10.45L9.1 9.55Z"
      fill="currentColor"
    />
  </svg>
);

export default IconWrapper(RawIcon, BoxedIcon);
